@charset "utf-8";
@import "common";
.News{
	padding-top: 10px;
	.container{
		h1{
			color: #ff6b08;
			margin-bottom: 30px;
		}
		.row{
			.col-md-4{
				position: relative;
				.newsImg{
					border: 1px solid #E0E0E0;
					width: 304px;
					height: 180px;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.newsText{
					height: 42px;
					width: 304px;
					padding-top: 10px;
					color: white;
					position: absolute;
					bottom: 0;
					background-color: rgba($color: #000000, $alpha: 0.5);
					p{
						text-align: center;
					}
				}
			}
		}
	}
}
.News-list{
	border-bottom: 1px dashed #E0E0E0;
	margin-top: 80px;
	.container{
		margin-bottom:60px ;
		
		.row{
			.col-md-3{
				.img-Box{
					width: 220px;
					height: 136px;
					padding: 5px 5px;
					border: 1px solid #E0E0E0;
					border-radius: 5px;
				}
			}
			.col-md-9{
				h3{
					margin-top: 0;
					font-size: 18px;
					color: #666666;
				}
				p{
					color: #2a2a2a;
				}
				.btn{
					float: right;
					button{
						width: 98px;
						height: 32px;
						border: 1px solid #ff6900;
						border-radius: 10px;
						background-color: white;
						color: #ff6900;
					}
				}
			}
			.col-md-9:hover{
				h3{
					color: #ff6900;
				}
				.btn{
					button{
						color: white;
						background-color: #ff6900;
					}
				}
			}
		}
	}
}